import { useState,Suspense } from 'react'
import { useRoutes } from 'react-router-dom'
import router from './router/index'
function App() {
  const element = useRoutes(router)
  return (
    <div style={{ height: '100vh', width: '100vw' }}>
      <Suspense fallback={<div style={{ fontSize: '36px', textAlign: 'center' ,marginTop:'300px'}}>Loading...</div>}>
        {element}
      </Suspense>
    </div>
  )
}

export default App
